{{include file="../subs/00_head.tpl"}}
{{include file="../subs/01_top.tpl"}}
{{$navindex="tourandteam"}}
{{include file="../subs/02_nav.tpl"}}
<div id="content">
    <div id="left_panel">
        <div class="title">+ {{$Data["gallery"]->AlbumName}}</div>
        <script src='{{base_url()}}syslib/galleria/galleria-1.2.8.min.js'></script>
        <div id="galleria">
            {{$ga_de=json_decode($Data["gallery"]->Images)}}
            {{foreach $ga_de as $img}}
                <a href="{{$img}}">
                    <img src="{{$img}}" 
                         data-big="{{$img}}" 
                         data-description="My description"/>
                </a>
            {{/foreach}}
        </div>
    </div>
    {{include file="../pages/gallery/sidebar.tpl"}}
    <style>
        #galleria{ width: 592px; height: 360px; background: #000 }  
    </style>
    <script>
        Galleria.configure({
            transition: 'fadeslide',
            imageCrop: false

        });
        Galleria.loadTheme('{{base_url()}}syslib/galleria/themes/azur/galleria.azur.min.js');
        Galleria.run('#galleria');
        //theme : classic, azur, folio, twelve
        //‘fade’ crossfade betweens images
        //‘flash’ fades into background color between images
        //‘pulse’ quickly removes the image into background color, then fades the next image
        //‘slide’ slides the images depending on image position
        //‘fadeslide’ fade between images and slide slightly at the same time
    </script>
    <div class="clear"></div>
</div>
<div class="clear"></div>
{{include file="../subs/04_foot.tpl"}}
{{include file="../subs/05_bot.tpl"}}